// pages/cutPicture/cutPicture.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    src:'',
    width: 250,//宽度
    height: 250,//高度
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log('ppppp:', options.img)
    this.cropper = this.selectComponent("#image-cropper");
    this.setData({
      src: "https://raw.githubusercontent.com/1977474741/image-cropper/dev/image/code.jpg",
      // src: options.img,
    });
    wx.showLoading({
      title: '加载中'
    })

  },

  cropperload(e) {
    console.log("cropper初始化完成");
  },
  loadimage(e) {
    console.log('ddddddd:', e.currentTarget.dataset.img);
    console.log("图片加载完成", e.detail);
    wx.hideLoading();
    //重置图片角度、缩放、位置
    this.cropper.imgReset();

    wx.previewImage({
      current: e.currentTarget.dataset.img, // 当前显示图片的http链接
      urls: [e.currentTarget.dataset.img] // 需要预览的图片http链接列表
    })
  },
  clickcut(e) {
    console.log(e.currentTarget.dataset.img);
    //点击裁剪框阅览图片
    wx.previewImage({
      current: e.currentTarget.dataset.img, // 当前显示图片的http链接
      urls: [e.currentTarget.dataset.img] // 需要预览的图片http链接列表
    })
    wx.navigateTo({
      url: '/pages/editCarte/editCarte?img=' + e.currentTarget.dataset.img,
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  // onShareAppMessage: function () {

  // }
})